Welcome to JavaScript!

7.02 获取和设置元素内容

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<div id="woXie1">我要学习1</div>

<div id="woXie3">我要学习3</div>

<div id="woXie">他是一个爱学习的人</div>

<script type="text/javascript">

<!-- innerText方法返回的是标签内的文本值,不包含html标签,-->

var a=woXie1.innerText;

document.write("获取woXie1的内容:",a,"<br>");

woXie3.innerText="向老六学习";

<!-- innerHTML方法返回的是标签内的文本值,包含html标签,-->

var b=woXie.innerHTML;

document.write("获取woXie的HTML:",b,"<br>");

</script>

</body>

</html>

返回值:

我要学习1

向老六学习

他是一个爱学习的人

获取woXie1的内容:我要学习1

获取woXie的HTML:他是一个爱学习的人